import React from 'react';

let ViewIndex = React.createClass({
    render() {
        return (
            <div>
                <h2>房源概况</h2>
                <div className="accountData clearfix">
                    <div className="highChats fl" id="highChats" ></div>
                    <p className="accountMoney"><span className="ti">总计</span><span className="num">2833</span></p>
                    <div className="data fr">
                        <ul className="clearfix">
                            <li className="one clearfix fl">
                                <div className="pic fl"></div>
                                <div className="shuju fl">
                                    <p className="num">680</p>
                                    <p className="des">我融资的房源（套）</p>
                                </div>
                            </li>

                            <li className="two clearfix fl">
                                <div className="pic fl"></div>
                                <div className="shuju fl">
                                    <p className="num">1047</p>
                                    <p className="des">他人融资的房源（套）</p>
                                </div>
                            </li>
                            <li className="three clearfix fl">
                                <div className="pic fl"></div>
                                <div className="shuju fl">
                                    <p className="num">961</p>
                                    <p className="des">未被融资已出租的房源（套）</p>
                                </div>
                            </li>
                            <li className="four clearfix fl">
                                <div className="pic fl"></div>
                                <div className="shuju fl">
                                    <p className="num">145</p>
                                    <p className="des">未被融资未出租的房源（套）</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div className="tableContainer">
                    <div className="tabNav">
                        <ul className="clearfix">
                            <li className="hover">我融资的<span>|</span></li>
                            <li>他人融资的<span>|</span></li>
                            <li>未被融资已出租的<span>|</span></li>
                            <li>未被融资未出租的</li>
                        </ul>
                    </div>
                    <div className="tabCon">
                        <table cellpadding="0" cellspacing="0">
                            <tr>
                                <th>房源地址</th>
                                <th>融资起止时间</th>
                                <th>融资类型</th>
                                <th>融资总金额</th>
                                <th>年利率(%)</th>
                                <th>更多</th>
                            </tr>
                            <tr>
                                <td>方家花苑33幢3单元1301室</td>
                                <td>2016.01.01-2017.12.31</td>
                                <td>装修贷</td>
                                <td>15000.00元</td>
                                <td>12%</td>
                                <td><a href="properySurvey.html">详情</a></td>
                            </tr>
                        </table>
                        <table cellpadding="0" cellspacing="0" style={{display:'none'}}>
                            <tr>
                                <th>房源地址</th>
                                <th>融资起止时间</th>
                                <th>租约</th>
                                <th>租约起止时间</th>
                                <th>租金</th>
                                <th>资金方</th>
                            </tr>
                            <tr>
                                <td>方家花苑33幢3单元1301室</td>
                                <td>2016.01.01-2017.12.31</td>
                                <td>1年</td>
                                <td>2016.01.01-2017.12.31</td>
                                <td>5000元/月</td>
                                <td>王**</td>
                            </tr>
                        </table>
                        <table cellpadding="0" cellspacing="0" style={{display:'none'}}>
                            <tr>
                                <th>房源地址</th>
                                <th>房东</th>
                                <th>租客</th>
                                <th>租约</th>
                                <th>租约起止时间</th>
                                <th>租金</th>
                                <th>更多</th>
                            </tr>
                            <tr>
                                <td>方家花苑33幢3单元1301室</td>
                                <td>李四</td>
                                <td>张三</td>
                                <td>1年</td>
                                <td>2016.01.01-2017.12.31</td>
                                <td>5000元/月</td>
                                <td><a href="properySurvey1.html">详情</a></td>
                            </tr>
                        </table>
                        <table cellpadding="0" cellspacing="0" style={{display:'none'}}>
                            <tr>
                                <th>房源地址</th>
                                <th>房东</th>
                                <th>租金</th>
                                <th>更多</th>
                            </tr>
                            <tr>
                                <td>方家花苑33幢3单元1301室</td>
                                <td>张三</td>
                                <td>5000元/月</td>
                                <td><a href="properySurvey2.html">详情</a></td>
                            </tr>
                        </table>

                    </div>
                </div>
         
  
            </div>
        )
    }
})
export default ViewIndex